<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/echarts.min.js"></script>
		<script type="text/javascript" src="../js/world_new.js"></script>
		<style type="text/css">
			html{margin: 0;padding: 0;width: 100%;height: 100%;}
			body{margin: 0;padding: 0;width:auto;height: 100%;background: #000a3b;overflow: hidden;}
			.container{width: 100%;height: 100%;}
			.title-box{height: 50px;}
			.header{
				width: 100%;
				height: 50px;
				line-height: 57px;
				background: url(../img/title.png) 0 10px no-repeat;
				background-size: 100% 40px;
				color: #01c4f7;
				text-align: center;
				font-size: 28px;
				letter-spacing: 3px;
			}
			.content-box{width: 100%;height: 100%;}
			.item-div{position:absolute; display: inline-block;box-shadow:0 0 10px rgba(1, 196, 247, 0.5) inset;margin: 10px 0 0 10px;}
			.nobg{background: none;box-shadow:none;}
		</style>
	</head>
	<body>
		<div class="header">千图网可视化大屏</div>
		<div class="item-div" id="div01"></div>
		<div class="item-div" id="div02"></div>
		<div class="item-div" id="div03"></div>
		<div class="item-div nobg" id="div04"></div>
		<div class="item-div" id="div05"></div>
		<div class="item-div" id="div06"></div>
		<div class="item-div" id="div07"></div>
		<div class="item-div" id="div08"></div>
	</body>
</html>
<script type="text/javascript" src="../js/echarts.demo02.js?v=1.0.0.0"></script>
